var app1 = new Vue({
    el: '#app1',
    delimiters: ["[[", "]]"],
    data: {
        classes: [
            { name: '18计信02', sign: '闻道有先后 术业有专攻', study: 'JavaScript', num: '1242', score: '8960', image: 'images/user001.gif' },
            { name: '18计信01', sign: '闻道有先后 术业有专攻', study: 'JavaScript', num: '1251', score: '8691', image: 'images/user002.gif' },
            { name: '18XX', sign: '闻道有先后 术业有专攻', study: 'JavaScript', num: '0', score: '0', image: 'images/user002.gif' }
        ]
    },
    computed: {
        sortclasses: function () {
            return sortByKey(this.classes, 'score')
        }
    }
});



var app2 = new Vue({
    el: '#bangdan',
    delimiters: ["[[", "]]"],
    data: {
        num: [ 
            { name: '陈嘉明', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张枝俏', num: '25', sign: '再多一点努力，就多一点成功', image: 'images/张枝俏.jpg' },
            { name: '胡梦圆', num: '27', sign: '靡不有初，鲜克有终', image: 'images/胡梦圆.jpg' },
            { name: '任博', num: '29', sign: '只有极其努力，才能看起来毫不费力', image: 'images/任博.jpg' },
            { name: '王一帆', num: '25', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '平瑞静', num: '32', sign: '把语言刻进行动，才有机会拥抱成功！', image: 'images/user.jpg' },
            { name: '刘赛坤', num: '22', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '谭鹏举', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '任亚婷', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '胡岩', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李柯', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李育博', num: '11', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王莹新', num: '10', sign: '欲戴王冠，必承其重', image: 'images/王莹新.jpg' },
            { name: '张明轩', num: '16', sign: '欲戴王冠，必承其重', image: 'images/user.jpg' },
            { name: '肖菲', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李秋慧', num: '29', sign: '永远年轻永远热泪盈眶', image: 'images/李秋慧.jpg' },
            { name: '李梦丽', num: '30', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '肖旭薇', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '董玉', num: '30', sign: '努力就会有收获', image: 'images/user.jpg' },
            { name: '卢雯晓', num: '23', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李娜', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '汪龙飞', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王静晓', num: '30', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '赵梦怡', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王艳芳', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陈倩倩', num: '30', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张乐乐', num: '30', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '杨文超', num: '28', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '韩雪洋', num: '22', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '冯宇贝', num: '26', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '赵世崴', num: '24', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '康耀生', num: '12', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '贺鑫', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王萍', num: '21', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '黄亮', num: '6', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '范开', num: '7', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陈妞妞', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陶婧茹', num: '16', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '刘艳粉', num: '24', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '许雨新', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王雨晴', num: '19', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '孙宗豪', num: '30', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '翟世龙', num: '12', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李盼盼', num: '24', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '曹梦瑶', num: '32', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '朱金洁', num: '16', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '程爽', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '徐世迪', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张苗苗', num: '32', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '毕欣欣', num: '32', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张晨星', num: '26', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '金小女', num: '11', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李雨', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张生辉', num: '32', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '赵露露', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '杨续丽', num: '21', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '于巧', num: '30', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张榕榕', num: '32', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '吴淑蕾', num: '22', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '郭文雅', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '邱鹏飞', num: '13', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陈凤', num: '32', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '郝馨迎', num: '25', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '段婧雪', num: '28', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '周家琨', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '崔开开', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '吴冰倩', num: '24', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '杨亚娜', num: '21', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '程远智', num: '30', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '刘园园', num: '32', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '荆久宁', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李容宇', num: '25', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '房丽君', num: '13', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张毅飞', num: '24', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李宗辉', num: '29', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '吴广广', num: '27', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张梦迪', num: '32', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '鲁家辉', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '赵鑫鑫', num: '32', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '刘洋', num: '22', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张一弓', num: '28', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陈恒', num: '20', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张佳佳', num: '22', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张彬彬', num: '28', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '任中艳', num: '21', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '任文豪', num: '20', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '田浩钧', num: '16', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '齐鑫洋', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '闫怡浩', num: '14', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王超杰', num: '7', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '韩辰', num: '17', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '范毅博', num: '31', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '曹亚豪', num: '21', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '朱凤英', num: '28', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '刘海燕', num: '30', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            
        ],
        score: [
            { name: '陈嘉明', score: '285', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '胡梦圆', score: '255', sign: '靡不有初，鲜克有终', image: 'images/胡梦圆.jpg' },
            { name: '任博', score: '280', sign: '只有极其努力，才能看起来毫不费力', image: 'images/任博.jpg' },
            { name: '王一帆', score: '240', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张枝俏', score: '160', sign: '再多一点努力，就多一点成功', image: 'images/张枝俏.jpg' },
            { name: '平瑞静', score: '280', sign: '把语言刻进行动，才有机会拥抱成功！', image: 'images/user.jpg' },
            { name: '刘赛坤', score: '191', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '谭鹏举', score: '255', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '任亚婷', score: '260', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '胡岩', score: '265', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李柯', score: '260', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李育博', score: '70', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王莹新', score: '70', sign: '欲戴王冠，必承其重', image: 'images/王莹新.jpg' },
            { name: '张明轩', score: '130', sign: '欲戴王冠，必承其重', image: 'images/user.jpg' },
            { name: '肖菲', score: '195', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李秋慧', score: '200', sign: '永远年轻永远热泪盈眶', image: 'images/李秋慧.jpg' },
            { name: '李梦丽', score: '270', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '肖旭薇', score: '240', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '董玉', score: '260', sign: '努力就会有收获', image: 'images/user.jpg' },
            { name: '卢雯晓', score: '200', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李娜', score: '180', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '汪龙飞', score: '120', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王静晓', score: '280', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '赵梦怡', score: '170', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王艳芳', score: '230', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陈倩倩', score: '260', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张乐乐', score: '265', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '杨文超', score: '240', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '韩雪洋', score: '190', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '冯宇贝', score: '220', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '赵世崴', score: '190', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '康耀生', score: '100', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '贺鑫', score: '260', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王萍', score: '150', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '黄亮', score: '40', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '范开', score: '30', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陈妞妞', score: '230', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陶婧茹', score: '120', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '刘艳粉', score: '160', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '许雨新', score: '260', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王雨晴', score: '100', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '孙宗豪', score: '240', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '翟世龙', score: '90', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李盼盼', score: '140', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '曹梦瑶', score: '260', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '朱金洁', score: '90', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '程爽', score: '240', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '徐世迪', score: '200', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张苗苗', score: '230', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '毕欣欣', score: '210', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张晨星', score: '100', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '金小女', score: '65', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李雨', score: '200', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张生辉', score: '230', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '赵露露', score: '260', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '杨续丽', score: '80', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '于巧', score: '220', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张榕榕', score: '260', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '吴淑蕾', score: '150', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '郭文雅', score: '220', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '邱鹏飞', score: '100', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陈凤', score: '230', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '郝馨迎', score: '180', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '段婧雪', score: '245', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '周家琨', score: '100', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '崔开开', score: '130', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '吴冰倩', score: '180', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '杨亚娜', score: '110', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '程远智', score: '210', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '刘园园', score: '180', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '荆久宁', score: '150', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李容宇', score: '220', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '房丽君', score: '50', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张毅飞', score: '180', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '李宗辉', score: '200', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '吴广广', score: '180', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张梦迪', score: '240', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '鲁家辉', score: '220', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '赵鑫鑫', score: '200', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '刘洋', score: '160', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张一弓', score: '200', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '陈恒', score: '100', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张佳佳', score: '140', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '张彬彬', score: '240', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '任中艳', score: '140', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '任文豪', score: '180', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '田浩钧', score: '90', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '齐鑫洋', score: '260', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '闫怡浩', score: '90', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '王超杰', score: '50', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '韩辰', score: '80', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '范毅博', score: '140', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '曹亚豪', score: '150', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '朱凤英', score: '180', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '刘海燕', score: '100', sign: '你若盛开，清风自来', image: 'images/user.jpg' },

        ],
        contribution: [
            { name: '任文豪', contribution: '10', sign: '你若盛开，清风自来', image: 'images/user001.jpg' },
            { name: '孙宗豪', contribution: '10', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '小仙女', contribution: '0', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '小仙女', contribution: '0', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '小仙女', contribution: '0', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '小仙女', contribution: '0', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '小仙女', contribution: '0', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '小仙女', contribution: '0', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '小仙女', contribution: '0', sign: '你若盛开，清风自来', image: 'images/user.jpg' },
            { name: '小仙女', contribution: '0', sign: '你若盛开，清风自来', image: 'images/user.jpg' }
        ]
    },
    computed: {
        sortnum: function () {
            return sortByKey(this.num, 'num')
        },
        sortscore: function () {
            return sortByKey(this.score, 'score')
        },
        sortcontribution: function () {
            return sortByKey(this.contribution, 'contribution')
        }
    }
})



new Vue().$mount('#app1')

new Vue().$mount('#app2')

new Vue().$mount('#app3')


function sortByKey(array, key) {
    return array.sort(function (a, b) {
        var x = a[key];
        var y = b[key];
        return y - x;
    })
}

